<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情</title>
    <link rel="stylesheet" href="../css/detail.css">
    <script src="../js/axios.min.js"></script>

    <script src="../js/jquery.min.js"></script>



</head>

<body class="body">
    <div id="aside">
        <div class="glyphicon glyphicon-upload slide_top">
            <section class="mask">回到<br> 顶部</section>
        </div>
        <div>📑<section class="mask">我的<br> 订单</section>
        </div>
        <div class="cart">🛒<p>购物车<span>0</span></p>
        </div>
        <div>🐧<section class="mask"> QQ <br> 咨询</section>
        </div>
        <div class="glyphicon glyphicon-download ">
            <section class="mask">回到<br> 底部</section>
        </div>
    </div>
    <!-- 顶部 -->
    <div id="top">
        <section>
            <div class="cf">
                <img src="../img/001.png" alt="">
                <div class="right">
                    <div>
                        <button>🔍</button>
                        <input type="text" placeholder="请输入想要找的宝贝">
                    </div>
                    <div id="login">😄立即登录</div>
                    <div id="shop-car"><span>🛒</span>购物车</div>
                </div>
            </div>
            <div class="nav-wrap">
                <div class="nav">
                    <ul id="nav">
                        <a href="home.html" target="_blank">
                            <li>首页</li>
                        </a>
                        <a href="#">
                            <li>枪模主题站</li>
                        </a>
                        <a href="#">
                            <li>服饰时尚</li>
                        </a>
                        <a href="#">
                            <li>包类专区</li>
                        </a>
                        <a href="#">
                            <li>数码外设</li>
                        </a>
                        <a href="#">
                            <li>家居日用</li>
                        </a>
                        <a href="pro-list.html">
                            <li>模型手办</li>
                        </a>
                    </ul>
                    <a href="#">
                        <div class="div">全部商品分类 <span class="span"> 👇</span>
                            <div class="slide_down">
                                <div>
                                    <div>
                                        <div>
                                            <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201810/20181009144950_33369.png"
                                                alt="">
                                        </div>

                                        <p>家居日用</p>
                                    </div>
                                    <ul>
                                        <li>背包</li>
                                        <li>雨伞</li>
                                        <li>水杯</li>
                                        <li>卫衣</li>
                                        <li>杯垫</li>
                                        <li>T恤</li>
                                        <li>饰品</li>
                                        <li>福袋</li>
                                        <li>围巾</li>
                                        <li>礼盒</li>
                                        <li>卫裤</li>
                                        <li>袜子</li>
                                        <li>发光亚克力</li>
                                        <li>夜灯</li>
                                    </ul>
                                </div>
                                <div>
                                    <div>
                                        <div>
                                            <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201810/20181009144942_72688.png"
                                                alt="">
                                        </div>

                                        <p>数码外设</p>
                                    </div>
                                    <ul>
                                        <li>移动电源</li>
                                        <li>U盘</li>
                                        <li>鼠标垫</li>
                                        <li>数据线</li>
                                        <li>游戏手机支架</li>
                                        <li>无线充电器</li>
                                        <li>个性定制手机壳</li>
                                        <li>三折键盘</li>
                                        <li>赏金令活动</li>
                                        <li>手机壳</li>
                                        <li>手机支架</li>

                                    </ul>
                                </div>
                                <div>
                                    <div>
                                        <div>
                                            <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201809/20180920115156_96185.png"
                                                alt="">
                                        </div>

                                        <p>服饰时尚</p>
                                    </div>
                                    <ul>
                                        <li>服饰时尚</li>
                                        <li>戒指</li>
                                    </ul>
                                </div>
                                <div>
                                    <div>
                                        <div>
                                            <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201810/20181009144933_93325.png"
                                                alt="">
                                        </div>

                                        <p>模型手办</p>
                                    </div>
                                    <ul>
                                        <li>公仔手办</li>
                                        <li>枪模</li>
                                        <li>刀锋+白狼</li>
                                        <li>+枪模</li>
                                        <li>CF Gilsils</li>
                                        <li>单款</li>
                                        <li>徽章</li>

                                    </ul>
                                </div>
                            </div>
                        </div>

                    </a>

                </div>

            </div>
        </section>
    </div>

    <!-- main -->

    <p id="p"> 商城首页> 模型手办> CF Girls> <span>零Q版手办组合【现货】</span> </p>




    <div id="main">
        <div class="left">
            <!-- 大图 -->
            <div class="large">
                <div class="bigger">
                    <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201912/20191224191840_55180.jpg"
                        id="img2" width="440" height="440">
                    <div class="sharder" style="display: none;"></div>
                </div>
                <div class="smaller" style="display: none;">
                    <img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201912/20191224191840_55180.jpg"
                        id="img1">
                </div>
            </div>

            <!-- 小图 -->
            <section>
                <p><img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201912/20191224191840_55180.jpg" alt=""
                        width="74" height="70"></p>
                <p><img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201912/20191226195337_79989.jpg" alt=""
                        width="74" height="70"></p>
                <p><img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201912/20191226195341_97158.jpg" alt=""
                        width="74" height="70"></p>
                <p><img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201912/20191226195347_23450.jpg" alt=""
                        width="74" height="70"></p>
                <p><img src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201912/20191226195351_69277.jpg" alt=""
                        width="74" height="70"></p>
            </section>
        </div>
        <div class="right">
            <div class="right-top">
                <h2>零Q版手办组合【现货】</h2>
                <p>购买组合款赠专属亚克力背景板~【亚克力板安装前请撕掉保护膜】</p>
                <span>￥210.00</span>
                <p>❤聚豆 可用30聚豆抵扣3.00元 <span>（限时）</span></p>

            </div>
            <div class="right-mid">
                <div>已售：<span>4397</span></div>
                <div>累计评价：<span>89</span> </div>
                <div class="yellow">⭐⭐⭐⭐⭐ 5.0</div>
            </div>

            <div class="right-bottom">
                <div>
                    阵营 <button>保卫者</button><button>潜伏者</button><button>灵魂舞者</button><button>组合款</button>
                </div>

                <div>
                    <p>数量 </p>
                    <div>
                        <button class="down-btn">-</button>
                        <button>1</button>
                        <button class="add-btn">+</button>
                        <span>(库存充足)</span>
                    </div>
                </div>

                <div>
                    <button id="add">加入购物车</button>
                    <button id="buy">立即购买</button>
                    <span>♥ 收藏</span>
                </div>
            </div>

        </div>

    </div>

    <div id="tab">
        <div class="three-choice">
            <p class="tab-active">商品详情</p>
            <p>用户点评<span id="com-fig">(89)</span> </p>
            <p>联系商家</p>
        </div>
        <section>
            <div id="pro-detail" class="active">
                <div class="produce">
                    <span>商品名称：零Q版手办组合【现货】
                    </span>
                    <span>店铺：合泰文化</span>
                    <span>上架时间：2020-08-25</span>
                    <span>商品毛重：69g</span>
                    <span>商城：穿越火线</span>
                    <span>周边分类：模型手办 /CF Girls</span>
                </div>
                <div class="detail-list">
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202005113303_89426/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164535_12355/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164535_10503/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164536_93954/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164536_78358/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164536_52657/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164537_10737/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164538_66795/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164538_73492/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164538_73492/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164539_11398/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001113415_34813/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164540_12632/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164540_11480/0.jpg" alt=""></p>
                    <p><img src="//shp.qpic.cn/mall/0/goods_cf_202001164540_11480/0.jpg" alt=""></p>
                </div>
            </div>

            <div id="pro-com">
                <p>玩家综合评分: ⭐⭐⭐⭐⭐<span>5.0</span></p>
                <div class="com-list">

                </div>
            </div>
            <div id="contact">
                <div>
                    <img src="../img/联系.png" alt="">
                </div>
            </div>
        </section>
    </div>








    <div class="footer">
        <div class="dir-wrap">
            <div class="dir">
                <div class="a1">
                    <img src="//js01.daoju.qq.com/zb/cf/images/logo-cf-down.png" alt="">
                    <img src="https://js01.daoju.qq.com/zb/mall/images/business.png" alt="">
                </div>
                <div class="a2">
                    <ul>
                        <li>💴购物指南</li>
                        <li>🚗配送方式</li>
                        <li>📕常见操作</li>
                        <li>🎧售后服务</li>
                        <li>🥁关于我们</li>
                    </ul>
                </div>

                <div class="a3">
                    <dl>
                        <dt><img src="//js01.daoju.qq.com/zb/cf/images/logo-cf-qr.png" alt=""></dt>
                        <dd>掌上穿越火线</dd>
                    </dl>
                    <dl>
                        <dt><img src="//js01.daoju.qq.com/zb/mall/images/jcp_gzh.jpg" alt=""></dt>
                        <dd>聚成品公众号</dd>
                    </dl>




                </div>

            </div>
        </div>

        <div class="bottom">
            <p><a>腾讯互动娱乐</a> | <a>服务条款</a>| <a>腾讯游戏隐私保护指引</a>| <a>腾讯游戏儿童隐私保护指引</a>| <a>广告服务</a> | <a>腾讯游戏招聘</a> |
                <a>腾讯游戏客服</a> | <a>游戏地图</a> | <a>成长守护平台</a> | <a>商务合作</a> | <a>网站导航</a>
            </p>
            <p><a>粤网文[2014]0633-233号</a> 增值电信业务经营许可证：<a>粤B2-20090059</a> <a>B2-20090028</a> 违法和不良信息举报电话：0755-83767606
            </p>
            <p>COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
            <p><a>腾讯公司 版权所有</a></p>
            <div><img src="//game.gtimg.cn/images/js/2018foot/logo/gswj.png" alt="">
                <a href="https://szcert.ebs.org.cn/1efd63b4-7863-490a-839f-53968220109f">工商网监电子标识</a>
            </div>

        </div>
    </div>

    <script src="../js/detail.js"></script>
    <script src="../js/common.js"></script>


</body>

</html>